<template>
	<view class="first-login-dialog-componet">
		<Modal :show="props.show" @onClose="close" :clickMaskClose="true">
			<Tip @confirm="onConfrim" />
			<slot slot="close">
				<view class="close-icon" @click="close"></view>
			</slot>
		</Modal>
	</view>
</template>

<script setup lang="ts">
	import { ref } from 'vue'
	import Modal from '@/components/modal/index.vue'
	import Tip from "./tip.vue"
	
	const emit = defineEmits(['onOver'])

	interface FirstLoginDialgo {
		show:  boolean
	}
	const props = withDefaults(defineProps<() => FirstLoginDialgo>(), {
		show: false
	})
	
	const onConfrim = () => {
		emit('onOver')
	}
	const close = () => {
		emit('onOver')
	}

	
</script>

<style scoped lang="scss">
	.first-login-dialog-componet{
			
	}
	
	.close{
		font-size: 50upx;
		    position: fixed;
		    top: 500px;
		    z-index: 3000;
	}
	
	
	.close-icon{
		position: absolute;
		bottom: 200upx;
		width:68upx;
		height: 68upx;
		background:url("/static/images/global-notice/close.png") 0 0 no-repeat;
		background-size: cover;
	}
</style>

<style lang="scss">
	
	.vant-dialog{
		overflow:visible !important;
	}
</style>